﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta name="format-detection" content="telephone=no,email=no">
    <title>知识园地</title>
    <!-- 基础css begin -->
    <link type="text/css" rel="stylesheet" href="/static/pkg/core.css">
    <!-- 基础css end -->
    <!-- 公用css begin -->
    <link type="text/css" rel="stylesheet" href="/static/pkg/combine.css?ver=20150716">
    <!-- 公用css end -->
    <style>
        #list .action-counts{
            float: none;
            text-align: initial;
        }
        .logo {
            height: 50px;
            background: url("/static/gqbbs/images/logo.png") no-repeat center center;
            background-size: auto 100%;
        }
    </style>
</head>
<body id="list">
    <div id="wrapper">
        <div id="content">
            <header class="margin-bottom-0">
                <div class="logo"></div>
            </header>
            <section>
                <ul class="thread-list"></ul>
                <button id="btnMoreThread" type="button" class="button width-full margin-top-20" style="display: none;">更多</button>
            </section>
        </div>
    </div>
    <!-- 组件依赖js begin -->
    <script src="/static/global/gmu/dist/zepto.js"></script>
    <script src="/static/global/gmu/src/extend/selector.js"></script>
    <script src="/static/global/gmu/src/extend/compatibleIE9.js"></script>
    <!-- 组件依赖js end -->
    <!-- 公用js begin -->
    <script src="/static/GQBBS/js/script.js?v=20150716"></script>
    <!-- 公用js begin -->
    <script type="text/javascript">
        var params = utility.getQueryString();
        var pageIndex = 1;
        //var PageKey = "Index";
        $(function ($) {
            BindList({ firstTime: true, record: true });
            $("#btnMoreThread").click(function () {
                BindList();
            });
            function BindList(options) {
                var defaults = {
                    detail: "/gq/horizon?id=",
                    getListItem: function (objArticleResultInfo) {
                        return '<li data-id="' + objArticleResultInfo.ArticleInfo.ArticleId + '" data-bind="0">' +
                                    '<div class="cfix">' +
                                        '<div class="preview-image margin-right-10 fl" style="background-image: url(\'' + objArticleResultInfo.ArticleInfo.MinPic + '\')"></div>' +
                                        '<div class="video-info">' +
                                            '<div class="video-title">' + objArticleResultInfo.ArticleInfo.ArticleTitle + '</div>' +
                                            '<div class="font-size-14">' + JsonToDate(objArticleResultInfo.ArticleInfo.ApproveDate, false) + '</div>' +
                                            '<div class="action-counts">' +
                                                '<i class="' + (objArticleResultInfo.ArticleInfo.IsDigg ? "icon-praised" : "icon-praise") + '"><span class="count">' + objArticleResultInfo.ArticleInfo.DiggCount + '</span></i>' +
                                                '<i class="icon-view"><span class="count">' + objArticleResultInfo.ArticleInfo.ViewCount + '</span></i>' +
                                                '<i class="icon-comment"><span class="count">' + objArticleResultInfo.ArticleInfo.CommentCount + '</span></i>' +
                                            '</div>' +
                                        '</div>' +
                                    '</div>' +
                                '</li>';
                    }
                }
                options = $.extend(defaults, options);
                BindArticles("/gq/getarticlelist?categoryid=4&pageIndex=" + pageIndex, options);
            }
        })
    </script>
</body>
</html>